<div class="content">
    <div class="row">
        <div class="col-md-12">
            <custom-tab tab-item-list="tabItemList"></custom-tab>
            <div class="portlet-header " style="margin-top: 10px">
                <div class="operation-btn pull-left" style="margin-bottom: 10px">
                    <a href="javascript:;" class="btn blue" ng-click="deploy()">配置</a>
                </div>
                <div class="operation-btn pull-right" style="margin-bottom: 10px">
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <select name="year"
                                    class="select2-container form-control ng-isolate-scope ng-pristine ng-valid"
                                    data-placeholder="-2017-"
                                    ng-model="condition.year" select2 style="min-width: 200px;">
                                <option ng-repeat="year in yearList" value="{{year.key}}"
                                        ng-bind="year.text"></option>
                            </select>
                        </div>
                        <div class="form-group">
                            <select name="city"
                                    class="select2-container form-control ng-isolate-scope ng-pristine ng-valid"
                                    data-placeholder="请选择城市"
                                    ng-model="condition.city" select2 style="min-width: 200px;">
                                <option ng-repeat="city in cityList" value="{{city.key}}"
                                        ng-bind="city.text"></option>
                            </select>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入关键字" ng-model="condition.search">
                        </div>
                        <a href="javascript:;" class="btn blue" ng-click="search()">查询</a>
                    </form>
                </div>
            </div>
            <div class="portlet-body">
                <div class="row">
                    <!--左侧5个tab标签-->
                    <div class="col-sm-3">
                        <ul style="list-style-type:none" id="caseAnalysis">
                            <li class="active"><a href="#process" ng-click="changeTab(0)">污染过程特征分析</a></li>
                            <li><a href="#stability" ng-click="changeTab(1)">静稳性污染案例分析</a></li>
                            <li><a href="#local" ng-click="changeTab(2)">本地积累性案例分析</a></li>
                            <li><a href="#foreign" ng-click="changeTab(3)">外来输送型案例分析</a></li>
                            <li><a href="#combination" ng-click="changeTab(4)">组合型污染案例分析</a></li>
                        </ul>
                    </div>

                    <!--右侧案例分析内容-->
                    <div class="col-sm-9" id="caseContent">

                        <div style="background-color: #fafafa;cursor: pointer">
                            <span ng-click="show(0)" class="caseTitle">2018年03月25-28日 污染案例分析<i class="fa fa-chevron-down pull-right" aria-hidden="true"></i></span>
                            <div style="border-bottom:1px solid #e8ecec;margin: 0"></div>
                        </div>
                        <div ng-show="isClicked1" style="height: 200px;overflow: auto">
                            <ul>
                                <li><span>重污染性质：<span ng-bind="model[0].nature"></span></span></li>
                                <li><span>天气形势背景：<span ng-bind="model[0].weather"></span></span></li>
                                <li><span>污染级别：<span ng-bind="model[0].level"></span></span></li>
                                <li><span>季节特征：<span ng-bind="model[0].season"></span></span></li>
                                <li><span>形成：<span ng-bind="model[0].formation"></span></span></li>
                                <li><span>发展：<span ng-bind="model[0].develop"></span></span></li>
                                <li><span>演变：<span ng-bind="model[0].evolution"></span></span></li>
                                <li><span>结束：<span ng-bind="model[0].end"></span></span></li>
                            </ul>
                        </div>

                        <div style="background-color: #fafafa;cursor: pointer">
                            <span ng-click="show(1)" class="caseTitle">2018年03月25-28日 污染案例分析<i class="fa fa-chevron-down pull-right" aria-hidden="true"></i></span>
                            <div style="border-bottom:1px solid #e8ecec;margin: 0"></div>
                        </div>
                        <div ng-show="isClicked2" style="height: 200px;overflow: auto">
                            <ul>
                                <li><span>重污染性质：<span ng-bind="model[1].nature"></span></span></li>
                                <li><span>天气形势背景：<span ng-bind="model[1].weather"></span></span></li>
                                <li><span>污染级别：<span ng-bind="model[1].level"></span></span></li>
                                <li><span>季节特征：<span ng-bind="model[1].season"></span></span></li>
                                <li><span>形成：<span ng-bind="model[1].formation"></span></span></li>
                                <li><span>发展：<span ng-bind="model[1].develop"></span></span></li>
                                <li><span>演变：<span ng-bind="model[1].evolution"></span></span></li>
                                <li><span>结束：<span ng-bind="model[1].end"></span></span></li>
                            </ul>
                        </div>

                        <div style="background-color: #fafafa;cursor: pointer">
                            <span ng-click="show(2)" class="caseTitle">2018年01月18-21日 污染案例分析<i class="fa fa-chevron-down pull-right" aria-hidden="true"></i></span>
                            <div style="border-bottom:1px solid #e8ecec;margin: 0"></div>
                        </div>
                        <div ng-show="isClicked3" style="height: 200px;overflow: auto">
                            <ul>
                                <li><span>重污染性质：<span ng-bind="model[2].nature"></span></span></li>
                                <li><span>天气形势背景：<span ng-bind="model[2].weather"></span></span></li>
                                <li><span>污染级别：<span ng-bind="model[2].level"></span></span></li>
                                <li><span>季节特征：<span ng-bind="model[2].season"></span></span></li>
                                <li><span>形成：<span ng-bind="model[2].formation"></span></span></li>
                                <li><span>发展：<span ng-bind="model[2].develop"></span></span></li>
                                <li><span>演变：<span ng-bind="model[2].evolution"></span></span></li>
                                <li><span>结束：<span ng-bind="model[2].end"></span></span></li>
                            </ul>
                        </div>



                    </div>
                </div>
            </div>
        </div>
    </div>
</div>